<template>
<div>
<h2 class='name'>我是{{name}}</h2>
<button @click = "send">触发点击自定义事件</button>

<button @click = 'removeT'>解绑自定义事件</button>
</div>
</template>

<script>
export default {
    name:'Student',
    data(){
        return {
            name:'学生组件'
        }
    },
    methods:{
        send(){
            // 这里触发绑定在Student组件上面的自定义事件
            this.$emit('wa',this.name)

            // 这里又写了一个事件
            this.$emit('demo')
        },
        removeT(){

            // 这种是解绑一个自定义事件
            // this.$off('wa')

            // 解绑多个要传一个数组进去

            this.$off(['wa','demo'])


            // 还有一种，啥都不传，全部解绑
            //this.$off()
        }
    }
}
// 组件被销毁后所有自定义事件（包括子组件的）不会生效
</script>


<style>
    .name{
        background: lightblue;
    }
</style>